<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="CSS/login.css">
</head>
<body>
<!-- 头部 -->
<div class="h_wrapper">
    <img src="images/top.png" alt="" class="h_w_left" style="background-color: rgb(248, 236, 238);">
</div>
<!-- 内容区 -->
<div class="c_wrapper">
    <!-- 左侧广告位 -->
    <img src="images/轨迹素材021.png" alt="" class="c_r_left" width="600px" height="350px" style="border: 1px solid rgb(255, 180, 19);">
    <!-- 右侧输入框 -->
    <div class="c_r_right">
        <form action="/Servlet10_16/login" method="post">
            <div class="txt">
                <p>新用户登录</p>
                <article>
                    <h2>还没账号？<a href="/Servlet10_16/register">立即注册</a></h2>
                </article>
            </div>
            <label class="user">
                <span><i class="iconfont icon-renbianxi"></i></span>
                <input type="text" placeholder="用户名" class="username" name="username">
            </label>
            <label class="pass">
                <span><i class="iconfont icon-mima2"></i></span>
                <input type="password" placeholder="密码，6-16位字母、数字或者符号" class="password" name="password">
            </label>
            <label class="pass" style="display: flex">
                <span><i class="iconfont icon-mima2"></i></span>
                <input type="text" placeholder="请输入验证码" class="captcha" name="captcha" required><br>
                <img src="/Servlet10_16/captcha" width="100px" height="48px"  alt=""/>
            </label>
            <div class="zc_btn">
                <button type="submit">登录</button>
            </div>
        </form>
    </div>
</div>
</body>
</html>